<input id="employeeId" type="hidden" value="{{params.employeeId}}">
<input id="hisPage" type="hidden" value="{{params.cpage}}">
<input id="versionId" type="hidden" value="{{params.versionId}}">
<input id="userId" type="hidden" value="{{params.userId}}">
<input id="getKey" type="hidden" value="{{params.keywords}}" />
<div class="row-fluid">
	<div class="span12">
		<div class="tabbable">
			<ul class="nav nav-tabs" id="myTab">
				<li class="active" id="demo">
					<a data-toggle="tab" href="#staffInfo"> <i class="green icon-info-sign bigger-110"></i>
						员工信息列表
					</a>
				</li>

				<li class="" id="attach">
					<a id="tab-attachments" data-toggle="tab" href="#attachments"> <i class="blue icon-download-alt bigger-110"></i>
						附件列表
					</a>
				</li>
				<li class="">
					<a data-toggle="tab" href="#promotionRecords">
						<i class="blue icon-tasks bigger-110"></i>
						员工记录
					</a>
				</li>
				<li class="">
					<a data-toggle="tab" href="#historyVersion">
						<i class="blue icon-tasks bigger-110"></i>
						历史版本
					</a>
				</li>
			</ul>

			<div class="tab-content">
				<div id="staffInfo" class="tab-pane active">
					<div class="mainForm">

						<form id="validateForm">
							<div class="well well-large">
								<h4 class="blue">基本信息</h4>
								(
								<h style="color:red">*</h>
								标注为必填信息)
								<div class="contract-form form-horizontal row-fluid">
									<div class="span4">
										<div class="control-group ">
											<div class=" title_left">
												姓名
												<h style="color:red">*</h>
											</div>
											<div class="controls">
												<input id="name" name="name" type="text"  class="span10" placeholder="姓名"></div>
										</div>
										<div class="control-group ">
											<div class=" title_left">
												身份证号
												<h style="color:red">*</h>
											</div>
											<div class="controls">
												<input id="idNumber" name="idNumber" type="text"  class="span10" placeholder="身份证号"></div>
										</div>
										<div class="control-group ">
											<div class=" title_left">通讯地址</div>
											<div class="controls">
												<input id="address" name="address" type="text"  class="span10" placeholder="通讯地址"></div>
										</div>
										<div class="control-group ">
											<div class=" title_left">
												联系电话
												<h style="color:red">*</h>
											</div>
											<div class="controls">
												<input id="phoneNum" name="phoneNum" type="text"  class="span10" placeholder="联系电话"></div>
										</div>
										<div class="control-group ">
											<div class=" title_left">学历</div>
											<div class="controls">
												<select class="bootSelect span10" id="eduBackground">
													<option selected value="">--请选择--</option>
													<option value="本科">本科</option>
													<option value="硕士">硕士</option>
													<option value="博士">博士</option>
													<option value="大专">大专</option>
												</select>
											</div>
										</div>
									</div>

									<div class="span4">
										<div class="control-group ">
											<div class=" title_left">性别</div>
											<div class="controls">
												<label>
													<input name="gender-radio" id="man" type="radio" value="男" checked="checked" />
													<span class="lbl">男</span>
													&nbsp;&nbsp;&nbsp;
													<input name="gender-radio" id="woman" type="radio" value="女" />
													<span class="lbl">女</span>
												</label>
											</div>
										</div>
										<div class="control-group ">
											<div class=" title_left">户口所在地</div>
											<div class="controls" id="area">
												<select class="bootSelect span10" style="width:78px" id="province"></select>
												<select class="bootSelect span10" style="width:78px" id="registeredResidence" disabled></select>
											</div>
										</div>
										<div class="control-group ">
											<div class=" title_left">工作地点</div>
											<div class="controls">
												<select class="bootSelect span10" id="workPlace">
													<option selected value="">--请选择--</option>
												</select>
											</div>
										</div>
										<div class="control-group ">
											<div class=" title_left">紧急联系人</div>
											<div class="controls">
												<input id="emContactPersonAndTele" name="emContactPersonAndTele" type="text"  class="span10" placeholder="紧急联系人"></div>
										</div>
										<div class="control-group ">
											<div class=" title_left">毕业院校</div>
											<div class="controls">
												<input id="graduInstitutions" name="graduInstitutions" type="text"  class="span10" placeholder="毕业院校"></div>
										</div>
									</div>
									<div class="span4">
										<div class="control-group ">
											<div class=" title_left">出生日期</div>
											<div class="controls">
												<input name="birthDate" class="date-picker span10" id="birthDate" type="text" data-date-format="yyyy-mm-dd" readonly="false"></div>
										</div>
										<div class="control-group ">
											<div class=" title_left">户口类型</div>
											<div class="controls">
												<select class="bootSelect span10" id="nodeType">
													<option selected value="">--请选择--</option>
													<option value="农村">农村</option>
													<option value="城镇">城镇</option>
												</select>
											</div>
										</div>
										<div class="control-group ">
											<div class=" title_left">
												个人邮箱
												<h style="color:red">*</h>
											</div>
											<div class="controls">
												<input id="email" name="email" class="span10" type="email" placeholder="email@163.com" required></div>
										</div>
										<div class="control-group ">
											<div class=" title_left">紧急联系人电话</div>
											<div class="controls">
												<input id="emContactPersonAndTelePhone" name="emContactPersonAndTelePhone" type="text"  class="span10" placeholder="紧急联系人电话"></div>
										</div>
										<div class="control-group ">
											<div class=" title_left">毕业时间</div>
											<div class="controls">
												<input name="graduateTime" class="date-picker span10" id="graduateTime" type="text" data-date-format="yyyy-mm-dd" readonly="flase"></div>
										</div>

									</div>

								</div>

							</div>
							<div class="well well-large">
								<h4 class="blue">人事信息</h4>
								(
								<h style="color:red">*</h>
								标注为必填信息)
								<div class="contract-form form-horizontal row-fluid">
									<div class="span4">
										<div class="control-group ">
											<div class=" title_left">
												工号
												<h style="color:red">*</h>
											</div>
											<div class="controls">
												<input id="jobNumber" name="jobNumber" type="text"  class="span10" placeholder="工号"></div>
										</div>
									</div>

									<div class="span4">
										<div class="control-group ">
											<div class=" title_left">
												职位
												<h style="color:red">*</h>
											</div>
											<div class="controls">
												<input type="hidden" id="jobBefore" />
												<select class="bootSelect span10" id="job">
													<option selected value="">--请选择--</option>
												</select>
											</div>
										</div>
									</div>
									<div class="span4">
										<div class="control-group ">
											<div class=" title_left">
												职位类别
												<h style="color:red">*</h>
											</div>
											<div class="controls">
												<select class="bootSelect span10" id="jobCategory">
													<option selected value="">--请选择--</option>
												</select>
											</div>
										</div>
									</div>

								</div>

								<div class="contract-form form-horizontal row-fluid">

									<div class="span4">
										<div class="control-group ">
											<div class=" title_left">BAND级</div>
											<div class="controls">
												<select class="bootSelect span10" id="bandLevel">
													<option selected value="">--请选择--</option>
												</select>
											</div>
										</div>
									</div>

									<div class="span8">
										<div class="control-group ">
											<div class=" title_left">
												行政归属部门
												<h style="color:red">*</h>
											</div>

											<div class="controls">
												<input type="hidden" id="departmentbefore" />
												<input type="hidden" id="deptId" />
												<input type="text" class="bootSelect span8" id="department" readonly="true" style="width:490px;"/>
												<input type="button" id="chooseDept" value="..." />
											</div>
										</div>
									</div>
								</div>
								<div class="contract-form form-horizontal row-fluid">

									<div class="span4">
										<div class="control-group ">
											<div class=" title_left">当前月薪</div>
											<div class="controls">
												<input type="hidden" id="salaryBefore"/>
												<input id="currentSalary" name="currentSalary " type="text"  class="span10" placeholder="当前月薪"></div>
										</div>
										<div class="control-group ">
											<div class=" title_left">
												状态
												<h style="color:red">*</h>
											</div>
											<div class="controls">
												<select class="bootSelect span10" id="empState" name="empState">
													<option selected value="">--请选择--</option>
													<option value="正式">正式</option>
													<option value="离职">离职</option>
													<option value="实习">实习</option>
													<option value="试用">试用</option>
												</select>
											</div>
										</div>
										<div class="control-group ">
											<div class=" title_left">合同编号</div>
											<div class="controls">
												<input id="contractNum" name="contractNum" type="text"  class="span10" placeholder="合同编号"></div>
										</div>
										<div class="control-group ">
											<div class=" title_left">是否有试用期</div>
											<div class="controls">
												<label>
													<input name="probation-radio" id="yesProbation" type="radio" value="1" checked />
													<span class="lbl">是</span>
													&nbsp;&nbsp;&nbsp;
													<input name="probation-radio" id="noProbation" type="radio" value="0" />
													<span class="lbl">否</span>
												</label>

											</div>
										</div>
										{{!
										<div class="control-group ">
											<div class=" title_left">合同续签开始日期</div>
											<div class="controls">
												<input name="dateOfRenewalStart" class="date-picker span10" id="dateOfRenewalStart" type="text" data-date-format="yyyy-mm-dd" readonly="flase"></div>
										</div>
										}}
										<div class="control-group ">
											<div class=" title_left">银行卡号</div>
											<div class="controls">
												<input id="bankCardNum" name="bankCardNum" type="text"  class="span10" placeholder="银行卡号"></div>
										</div>
										<div class="control-group ">
											<div class=" title_left">最近一次晋级日期</div>
											<div class="controls">
												<input name="lastDateOfPromotion" class="date-picker span10" id="lastDateOfPromotion" type="text" data-date-format="yyyy-mm-dd" readonly="false"></div>
										</div>
									</div>

									<div class="span4">
										<div class="control-group ">
											<div class=" title_left">薪资档级</div>
											<div class="controls">
												<select class="bootSelect span10" id="salaryLevel">
													<option selected value="">--请选择--</option>
												</select>
											</div>
										</div>
										<div class="control-group ">
											<div class=" title_left">入职时间</div>
											<div class="controls">
												<input name="entryTime" class="date-picker span10" id="entryTime" type="text" data-date-format="yyyy-mm-dd" readonly="false"></div>
										</div>
										<div class="control-group ">
											<div class=" title_left">合同开始时间</div>
											<div class="controls">
												<input name="dateOfCStart" class="date-picker span10" id="dateOfCStart" type="text" data-date-format="yyyy-mm-dd" readonly="flase"></div>
										</div>
										<div class="control-group ">
											<div class=" title_left">试用周期</div>
											<div class="controls">
												<select class="bootSelect span10" id="probationaryPeriod">
													<option selected value="0">--请选择--</option>
												</select>
											</div>
										</div>
										{{!
										<div class="control-group ">
											<div class=" title_left">合同续签结束日期</div>
											<div class="controls">
												<input name="dateOfRenewalEnd" class="date-picker span10" id="dateOfRenewalEnd" type="text" data-date-format="yyyy-mm-dd" readonly="flase"></div>
										</div>
										}}
										<div class="control-group ">
											<div class=" title_left">社保医保卡号</div>
											<div class="controls">
												<input id="smInsuranceCard" name="smInsuranceCard" type="text"  class="span10" placeholder="社保医保卡号"></div>
										</div>
										<div class="control-group ">
											<div class=" title_left">最近一次体检日期</div>
											<div class="controls">
												<input name="lastDateOfExamination" class="date-picker span10" id="lastDateOfExamination" type="text" data-date-format="yyyy-mm-dd" readonly="false"></div>
										</div>

									</div>
									<div class="span4">
										<div class="control-group ">
											<div class=" title_left">最近加薪日期</div>
											<div class="controls">
												<input name="lastDateOfRise" class="date-picker span10" id="lastDateOfRise" type="text" data-date-format="yyyy-mm-dd" readonly="false"></div>
										</div>
										<div class="control-group ">
											<div class=" title_left">离职时间</div>
											<div class="controls">
												<input name="departureTime " class="date-picker span10" id="departureTime" type="text" data-date-format="yyyy-mm-dd" readonly="false"></div>
										</div>
										<div class="control-group ">
											<div class=" title_left">合同结束日期</div>
											<div class="controls">
												<input name="dateOfCEnd" class="date-picker span10" id="dateOfCEnd" type="text" data-date-format="yyyy-mm-dd" readonly="flase"></div>
										</div>
										<div class="control-group ">
											<div class=" title_left">转正日期</div>
											<div class="controls">
												<input name="confirmationDate" class="date-picker span10" id="confirmationDate" type="text" data-date-format="yyyy-mm-dd" readonly="false"></div>
										</div>

										<div class="control-group ">
											<div class=" title_left">住房公积金卡号</div>
											<div class="controls">
												<input id="housingFundCard" name="housingFundCard" type="text"  class="span10" placeholder="住房公积金卡号"></div>
										</div>

									</div>
								</div>
							</div>
						</form>
						<div class="row-fluid bottom-cmd">
							<div class="span8 hidden-phone"></div>
							<div class="span2">
								<!-- <a id="backBtn" class="btn span12" href="/staff">返回</a> -->
								<button id="backBtn" class="btn span12">返回</button>
							</div>
							<div class="span2">
								<button id="saveBtn" class="btn btn-success span12" data-last="Finish">保存</button>
							</div>
						</div>
					</div>
				</div>
				<div id="attachments" class="tab-pane">
					<ul class="files"></ul>
					<div class="file-list">
						<button id="file_upload">选择附件</button>
					</div>
				</div>
				<div id="promotionRecords" class="tab-pane">
					<div class="">
						<input id="keyword" type="text" class="search_input1 search-query" placeholder="名称、内容">
						<div class="btn-group">
							<button id="searchBtn" class="btn btn-purple btn-small">搜　索</button>
						</div>
					</div>

					<div class="widget-box transparent">
						<div class="widget-header">
							<h4 class="smaller lighter green">
								员工记录表
								<span class="green">展现</span>

								<select size="1" name="tabCont_length" aria-controls="tabCont" id="pageSize" class="mySelect">
									<option value="10" selected="selected">10</option>
									<option value="20">20</option>
									<option value="30">30</option>
								</select>
								<span class="green">条</span>
							</h4>
							<div class="widget-toolbar no-border span2 pull-right">
								<div>
									<button data-toggle="dropdown" class="btn btn-success btn-small dropdown-toggle span12">
										添加记录
										<span class="caret"></span>
									</button>

									<ul class="dropdown-menu dropdown-success pull-right">
										<li id="jobChange"><a>职位变更</a></li>
										<li id="salaryChange"><a>薪资变更</a></li>
										<li id="deparChange"><a>部门变更</a></li>
										<li id="conChange"><a>合同变更</a></li>
									</ul>
								</div>
							</div>
							<br/><br/>
							<table style="margin-top:10px">
								<tbody id="change">
								</tbody>
							</table>
						</div>

					</div>

					<table class="table table-striped table-bordered table-hover" style="margin-top:15px">
						<thead>
							<tr>
								<th class="center">记录名称</th>
								<th class="center">记录内容</th>
								<th calss="center">生效时间</th>
							</tr>
						</thead>
						<tbody id="employeeRecord"></tbody>
					</table>
					<div style="margin-left:7px; width:100%" id="tip"></div>
					<div id="paginator"></div>
					{{! <div>
						<span class="pull-right" id="showCount" style="margin-top:-50px; margin-right:150px; color:#6faed9;font-size:13px;"></span>
						</div> }}
				</div>

				<div id="historyVersion" class="tab-pane">
					<table class="table table-striped table-bordered table-hover" style="margin-top:15px">
						<thead>
							<tr>
								<th class="center">记录日期</th>
								<th class="center">操作用户</th>
								<th class="center">操作类型</th>
								<th class="center">版本号</th>
							</tr>
						</thead>
						<tbody id="employeeHistory"></tbody>
					</table>
					<div style="margin-left:7px; width:100%" id="logTip"></div>
					{{!
					<div id="paginator"></div>
					}}
				</div>
			</div>
		</div>
		<!--/span-->

		<div class="vspace-6"></div>
	</div>

	<div id="showOrgs" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
			<h3 id="title">选择部门</h3>
		</div>
		<div class="modal-body">
			<div id="chooseOrg"></div>

		</div>
		<div class="modal-footer">
			<!-- <button id="choosenOrg"class="btn btn-primary">确定</button>
		-->
		<button id="cancle" class="btn" data-dismiss="modal" aria-hidden="true">取消</button>
	</div>
</div>
<div id="showOrgsBefore" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
			<h3 id="title">选择部门</h3>
		</div>
		<div class="modal-body">
			<div id="chooseOrgBefore"></div>

		</div>
		<div class="modal-footer">
			<!-- <button id="choosenOrg"class="btn btn-primary">确定</button>
		-->
		<button id="cancle" class="btn" data-dismiss="modal" aria-hidden="true">取消</button>
	</div>
</div>
<div id="showOrgsNow" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
			<h3 id="title">选择部门</h3>
		</div>
		<div class="modal-body">
			<div id="chooseOrgNow"></div>

		</div>
		<div class="modal-footer">
			<!-- <button id="choosenOrg"class="btn btn-primary">确定</button>
		-->
		<button id="cancle" class="btn" data-dismiss="modal" aria-hidden="true">取消</button>
	</div>
</div>